 .px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}

.xiangguan-top{
	.px2rem(height,90);
	border-bottom: 1px solid #ccc;
	background: #fafafa;
	display: flex;
	align-items: center;
	justify-content: space-around;
	.xiangguan-left{
		 width:4em;
		 .px2rem(padding-left,24);
	}
	.xiangguan-center{
        flex:1;
        text-align: center;
        font-size: 35px;
        .px2rem(line-height,90);
    }
     .xiangguan-right{
        width:3.5em;
    }
}

.xiangguan-box{
	.px2rem(padding-top,20);
	.xiangguan-warp{
		ul{
			width: 94%;
			margin:0 auto;
		    display: flex;
			.left{
				width:47%;
				div{
					p{
						display: flex;
						flex-direction:column;
						text-align: center;
						 font-size: 28px;
						 .px2rem(padding-top,28);
						  .px2rem(padding-bottom,28);
						span{
							display: block;
							 font-size: 22px;
							 color:pink;
							  .px2rem(padding-top,28);

						}
					}
				}
			}
			.right{
				flex:1;
				.px2rem(padding-left,33);
				div{
					p{
						display: flex;
						flex-direction:column;
						text-align: center;
						 font-size: 28px;
						 .px2rem(padding-top,28);
						  .px2rem(padding-bottom,28);
						span{
							display: block;
							 font-size: 22px;
							 color:pink;
							  .px2rem(padding-top,28);

						}
					}
				}

			}
		}
		
	}
	
}